<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>问题编辑器</title>

<link href="/css/vendor/common.css" rel="stylesheet" type="text/css">
<link href="/css/vendor/cmp-controls.css" rel="stylesheet" type="text/css">
<link href="/css/vendor/issue-editor.less" rel="stylesheet/less" type="text/css">
<script src="/js/less.min.js"></script>
</head>

<body>
<main>
    <table class="issue-prop" cellpadding="0" cellspacing="0">
        <tr>
            <td class="title" valign="top" style="word-spacing: 26px">问 题:</td>
            <td>长的帅是我的错吗?</td>
        </tr>
        <tr>
            <td class="title" valign="top" style="word-spacing: 2px">提 交 人:</td>
            <td>吴超</td>
        </tr>
        <tr>
            <td class="title" valign="top">提交时间:</td>
            <td>2017-10-18 19:30</td>
        </tr>
        <tr>
            <td class="title" valign="top" style="word-spacing: 26px">说 明:</td>
            <td>吴超就是帅，那长的帅是不是他的错呢？大家来讨论一下。</td>
        </tr>
    </table>
    
    <div class="sep-line"><label></label></div>
    
    <p class="title">回复历史:</p>
    <ul id="history-list">
        <li>
            <div class="info">
                <span class="name">用户吴超 于 2017-10-18 19:00</span>
                <span class="state" style="background-color: #53D31F;">已解决</span>
                <div class="msg"><blockquote><p><strong>123</strong><br></p></blockquote></div>
            </div>

            <div class="attachment-wrap">
                <p class="type">附件:</p>
                <p class="file button"><a href="http://www.baidu.com" target="_blank">Mason Bogan 9999999999999999999999.jpg</a></p>
                <p class="file button">Mason Bogan 8888888888888888888888888888.jpg</p>
                <p class="file button">Mason Bogan 777777777777777777777777.jpg</p>
                <p class="file button">Mason Bogan 6666666666666666666666666.jpg</p>
                <p class="file button">Mason Bogan 55555555555555555.jpg</p>
            </div>
        </li>
        <li>
            <div class="info">
                <span class="name">用户吴超 于 2017-10-18 19:00</span>
                <span class="state" style="background-color: #1F61D3;">已提交</span>
            </div>
            <p class="msg">“在下拉列表的时候，标题表随动，容易遗忘每一列是啥东西。”</p>
        </li>
        <li>
            <div class="info">
                <span class="name">用户吴超 于 2017-10-18 19:00</span>
                <span class="state" style="background-color: #FFB60F;">讨论中</span>
            </div>
            <p class="msg">“在下拉列表的时候，标题表随动，容易遗忘每一列是啥东西。”</p>
            <div class="attachment-wrap">
                <p class="type">附件:</p>
                <p class="file button">Mason Bogan.jpg</p>
                <p class="file button">Mason Bogan.jpg</p>
            </div>
        </li>
    </ul>
    
    <div class="sep-line"><label></label></div>
    
    <p class="title">回 复:</p>
    <div class="upload-file-wrap">
        <div class="cmp-upload-file-btn-wrap">
            <input type="file">
            <div class="btn-h">
                <div class="icon"></div>
                <span>上传文件</span>
            </div>
            <label class="name">未选择任何文件</label>
            <label class="progress">77%</label>
            <img class="del-btn button" src="images/issue-editor-del.png" alt="删除">
        </div>
        <ul class="uploaded-list">
            <li><a href = 'http://www.baidu.com' target="_blank">Mason Bogan.jpg</a><img class="del-btn button" src="images/issue-editor-del.png" alt="删除"></li>
            <li>Mason Bogan.jpg<img class="del-btn button" src="images/issue-editor-del.png" alt="删除"></li>
            <li>Mason Bogan.jpg<img class="del-btn button" src="images/issue-editor-del.png" alt="删除"></li>
        </ul>
    </div>
    
    <div class="reply-wrap">
        <div class="reply-container" style="background: rgba(0,0,0,0.1);">
            <!--  放回复框  -->
        </div>
    </div>
    
    <div class="submit-wrap">
        <div class="reply-btn button">回 复</div>
    </div>
    
    <div class="state-wrap">
        <div id="issue-state" class="state button" style="background-color: #FFB60F;" onClick="issueEditorM.clickIssueListToggle(this)"><label>讨论中</label><img src="/images/issue-editor-list-toggle.png"></div>
        <ul>
            <li><div class="state button" style="background-color: #1F61D3;" onClick="issueEditorM.clickIssueListItem(this)">已提交</div></li>
            <li><div class="state button" style="background-color: #FFB60F;" onClick="issueEditorM.clickIssueListItem(this)">讨论中</div></li>
            <li><div class="state button" style="background-color: #53D31F;" onClick="issueEditorM.clickIssueListItem(this)">已解决</div></li>
        </ul>
    </div>
</main>
</body>

<script src="/js/jquery-3.2.1.min.js"></script>
<script src="/js/vendor/cmp-controls.js"></script>
<script src="/js/vendor/issue-editor.js"></script>
<script>

</script>

</html>






